<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/cc9.css">
    <script src="./js/cc9.js"></script>
</head>
<body>
<div id="CC9">
    <!---------------------------------------------头部-------------------------------------------------------------->
    <div class="header">
        <!--回顶部的勾子div-->
        <div id="J_topbarBannerWrapper"></div>
        <!--顶部导航条-->
        <div class="site-topbar">
            <!--内容盒子-->
            <div class="container clearfix">
                <!--链接-->
                <div class="topbar-nav">
                    <a href="">小米商城</a>
                    <span class="sep">|</span>
                    <a href="">MIUI</a>
                    <span class="sep">|</span>
                    <a href="">loT</a>
                    <span class="sep">|</span>
                    <a href="">云服务</a>
                    <span class="sep">|</span>
                    <a href="">天星数科</a>
                    <span class="sep">|</span>
                    <a href="">有品</a>
                    <span class="sep">|</span>
                    <a href="">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="">企业团购</a>
                    <span class="sep">|</span>
                    <a href="">资质证照</a>
                    <span class="sep">|</span>
                    <a href="">协议规则</a>
                    <span class="sep">|</span>
                    <a href="">下载app</a>
                    <span class="sep">|</span>
                    <a href="">智能生活</a>
                    <span class="sep">|</span>
                    <a href="">Select Location</a>
                </div>
                <!--购物车-->
                <div class="topbar-cart">
                    <!--购物车点击图标-->
                    <a href="" class="cart-mini">
                        <!--购物车空时显示的图标-->
                        <em class="iconfont icon-gouwuche"></em>
                        <!--购物车有商品时显示的图标-->
                        <em class="iconfont-cart-full hide"></em>
                        购物车
                        <!--购物车中的商品数量-->
                        <span class="cart-mini-num">(0)</span>
                    </a>
                    <!--购物车商品内容-->
                    <div class="cart-menu" style="display: none">
                        <div class="menu-content">
                            <!--加载过程中展示-->
                            <div class="loading"></div>
                            <!--加载完成，后端返回数据后加载商品内容-->
                            <ul id="J_miniCartList" class="cart-list hide"></ul>
                            <div id="J_miniCartListTotal" class="cart-total clearfix hide"></div>
                            <div class="msg msg-error hide"></div>
                            <div class="msg msg-empty">购物车中还没有商品，赶紧选购吧！</div>
                        </div>
                    </div>
                </div>
                <!--登录注册消息通知-->
                <div class="topbar-info">
                    <a href="" class="link">登录</a>
                    <span class="sep">|</span>
                    <a href="" class="link">注册</a>
                    <span class="sep">|</span>
                    <span class="message">
                            <a href="">消息通知</a>
                        </span>
                </div>
            </div>
            <!--全球网站切换-->
            <div id="J_globalSiteLinks" style="display: none"></div>
        </div>
        <!--导航栏（子元素包含纵向导航栏）-->
        <div class="site-header">
            <div class="container clearfix">
                <div class="header-logo">
                    <a href="//www.mi.com/index.html" title="小米官网" class="logo ir">小米官网</a>
                </div>
                <div class="header-nav">
                    <ul class="nav-list clearfix">
                        <li class="nav-category">
                            <a class="typeAll">全部商品分类</a>
                            <div class="site-category" style="display: none">
                                <ul id="J_categoryList" class="site-category-list clearfix site-category-list-custom">
                                    <li class="category-item">
                                        <a href="" class="title">手机<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/phonesmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">电视<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/tvsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">笔记本 平板<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/pingbansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">家电<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiadiansmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiadiansmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiadiansmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiadiansmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">出行 穿戴<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/chuxingsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/chuxingsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/chuxingsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">智能 路由器<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/zhinengsmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">电源 配件<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/dianyuansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/dianyuansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/dianyuansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/dianyuansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/dianyuansmall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">健康 儿童<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiankangsmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiankangsmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiankangsmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiankangsmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/jiankangsmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">耳机 音箱<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/erjismall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/erjismall.png" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-item">
                                        <a href="" class="title">生活 鞋包<em class="iconfont icon-youjiantou"></em></a>
                                        <!--右侧hover商品栏-->
                                        <div class="children clearfix ">
                                            <ul class="children-list">
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/shenghuosmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/shenghuosmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/shenghuosmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" class="link clearfix">
                                                        <img src="./img/shenghuosmall.jpg" alt="">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>小米手机</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>Redmi红米</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>电视</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>笔记本</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>平板</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>家电</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>路由器</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>智能硬件</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>服务</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="" class="link">
                                <span>社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="header-search">
                    <form action="" method="get" class="search-form clearfix">
                        <input type="text" class="search-text">
                        <input type="submit" value="&#xe624;" class="search-btn iconfont icon-sousuo">
                    </form>
                </div>
            </div>
            <!--下拉菜单-->
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/087c52d253d9301dff7743d6bf2d0330.png?thumb=1&amp;w=160&amp;h=110&amp;f=webp&amp;q=90"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/hongmi.png"
                                         alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/TV65.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/bijiben.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/pingban.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/jiadian.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/luyouqi.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="header-nav-menu">
                <div class="container">
                    <ul class="children-list clearfix">
                        <li class="first">
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <div class="figure figure-thumb">
                                    <img src="./img/zhineng.png" alt="Xiaomi MIX 4" width="160" height="110">
                                </div>
                                <div class="title">Xiaomi MIX4</div>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--悬浮条-->
    <div id="J_proHeader">
        <div class="product-box">
            <div class="nav-bar" id="J_headNav">
                <div class="container J_navSwitch clearfix">
                    <h2 class="J_proName">小米CC9</h2>
                    <div class="con">
                        <div class="left">
                            <span class="separator">|</span>
                            <a href="//www.mi.com/micc9e">小米CC9e</a>
                            <span class="separator">|</span>
                            <a href="//www.mi.com/xiaomicc9mt">小米CC9 美图定制版</a>
                        </div>
                        <div class="right">
                            <a href="javascript:void(0);" class="cur">概述</a>
                            <span class="separator">|</span>
                            <a href="//www.mi.com/micc9/specs">参数</a>
                            <span class="separator">|</span>
                            <a href="//www.mi.com/order/fcode" target="_blank">F码通道</a>
                            <span class="separator">|</span>
                            <a href="javascript:void(0);" class="J_contactBtn">咨询客服</a>
                            <span class="separator">|</span>
                            <a href="//www.mi.com/comment/10000163.html">用户评价</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="product-box nav-bar-hidden"></div>
    </div>
    <div class="micc9-index">
        <div class="section section-intro">
            <div class="con J_intro con2">
                <h1 class="webfont trans-up trans-up-delay-3"> 小米CC9</h1>
                <p class="desc webfont-xi trans-up trans-up-delay-5 ">3200万+4800万 前后双旗舰相机</p>
            </div>
            <div class="img-wrap">
                <div class="ui-wrapper" style="max-width: 100%;">
                    <div class="ui-viewport" style="width: 100%; overflow: hidden; position: relative; height: 1148px;">
                        <div class="J_pic" style="width: auto; position: relative;">
                            <div class="slider slider01" style="float: none; list-style: outside none none; position: absolute; width: 1903px; z-index: 51; display: block; opacity: 0.00179766;"></div>
                            <div class="slider slider02" style="float: none; list-style: outside none none; position: absolute; width: 1903px; z-index: 0; display: none;"></div>
                            <div class="slider slider03" style="float: none; list-style: outside none none; position: absolute; width: 1903px; z-index: 0; display: block; opacity: 0.998202;"></div>
                        </div>
                    </div>
                    <div class="ui-controls ui-has-pager ui-has-controls-direction">
                        <div class="ui-pager ui-default-pager">
                            <div class="ui-pager-item"><a href="javascript:void(0);" data-slide-index="0" class="ui-pager-link active">1</a></div>
                            <div class="ui-pager-item"><a href="javascript:void(0);" data-slide-index="1" class="ui-pager-link">2</a></div>
                            <div class="ui-pager-item"><a href="javascript:void(0);" data-slide-index="2" class="ui-pager-link">3</a></div>
                        </div>
                        <div class="ui-controls-direction">
                            <a class="ui-prev" href="javascript:void(0);">上一张</a>
                            <a class="ui-next" href="javascript:void(0);">下一张</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>